<%--
  Created by IntelliJ IDEA.
  User: 宋晓博
  Date: 2022/1/13
  Time: 11:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<link type="text/css" rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="/static/css/detail.css">
<html>
<head>
    <title>商品详情</title>
</head>
<body>
<script type="text/javascript" src="/static/bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/static/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="/static/js/detail.js"></script>
<c:import url="header.jsp"></c:import>
<div class="container">
    <div class="row">
        <div class="col-md-4">
            <div class="row">
                <div class="col-sm-6 col-md-12 ">
                    <div class="thumbnail">
                        <img class="bigimg" src="/${requestScope.gooddetail.pic1}" alt="...">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6 col-md-3">
                    <div class="row">
                        <img class="smallimg" src="/${requestScope.gooddetail.pic2}" alt="...">
                    </div>
                </div>
                <div class="col-xs-6 col-md-3">
                    <div class="row">
                        <img class="smallimg" src="/${requestScope.gooddetail.pic4}" alt="...">
                </div>
                </div>
                <div class="col-xs-6 col-md-3">
                    <div class="row">
                        <img class="smallimg" src="/${requestScope.gooddetail.pic5}" alt="...">
                    </div>
                </div>
                <div class="col-xs-6 col-md-3">
                    <div class="row">
                        <img class="smallimg" src="/${requestScope.gooddetail.pic3}" alt="...">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 ">
            <div class="row">
                <h3>${requestScope.gooddetail.name}</h3>
            </div>
            <div class="row">
                <h4><font color="red">${requestScope.gooddetail.info}</font></h4>
            </div>
            <div class="row">
                <h4>￥${requestScope.gooddetail.price}</h4>
            </div>
            <div class="row">
                <h4>${requestScope.gooddetail.info1}</h4>
            </div>
            <div class="row">
                <h5>${requestScope.gooddetail.info2}</h5>
            </div>
            <div class="row">
                <h6>${requestScope.gooddetail.pubdate}&nbsp${requestScope.gooddetail.publish}</h6>
            </div>
            <div class="row">
                <a href="#" class="btn btn-default" role="button">
                    立即下单<span class="glyphicon glyphicon-hand-left"></span>
                </a>
                <a href="/cart?method=add&gid=${requestScope.gooddetail.id}" class="btn btn-primary addcart" role="button" >
                    加入购物车<span class="glyphicon glyphicon-shopping-cart"></span>
                </a>
            </div>
        </div>
    </div>
</div>
<buutom href="/cart?method=add&gid=${requestScope.gooddetail.id}" class="btn btn-primary"  class="addcart" role="button" onclick="mmm()" >
    <span class="glyphicon glyphicon-shopping-cart"></span>
</buutom>
</body>
</html>
